<template>
  <view class="guidance">
    <view @click="toInfo(item.url)" class="play" v-for="item in dataList" :key="item.text">
        <img  :src="item.icon" />
        <view>{{item.text}}</view>
    </view>
    
  </view>
</template>

<script setup lang="ts">
const dataList = ref([
  {
    'text':'玩法管理',
    'icon':'/static/h5/guanli.png',
    'url':'/subPackages_user/playing/playing'
  },
  {
    'text':'收益报表',
    'icon':'https://p3.toutiaoimg.com/origin/pgc-image/f8171c6ff5da47d2ae64a3812956fefe',
    'url':'/subPackages_user/income/income'
  },
  {
    'text':'我的团队',
    'icon':'https://p3.toutiaoimg.com/origin/pgc-image/60605276e4f94bc980fb4c7aa7101947',
    'url':'/subPackages_user/team/team'
  },
  {
    'text':'系统通知',
    'icon':'/static/h5/tongzhi.png',
    'url':'/subPackages_play/notice/notice'
  },
  {
    'text':'系统设置',
    'icon':'https://p3.toutiaoimg.com/origin/pgc-image/451c1b87916642ad9270b932a933cf6e',
    'url':'/subPackages_user/system/system'
  },
])
const toInfo = (url:string)=>{
  uni.navigateTo({
    url:url
  })
}
</script>

<style lang="scss" scoped>

.guidance{

  background: white;
  margin: 20rpx;
  margin-bottom: 0;
  border-radius: 20rpx;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 20rpx;
  .play{
    text-align: center;
    font-size: 25rpx;
    margin: 38rpx;
    margin-bottom: 0;
    img{
      width: 80rpx;
      height: 80rpx;
      border-radius: 20rpx;
    }
  }
}
</style>
